<template>
  <div class="small-btn">
    <div class="btn" :style="{backgroundColor:bgColor}" >
        {{text}}
    </div>
  </div>
</template>

<script>
export default {
  props: {
    bgColor: String,
    text: String
  }
}
</script>

<style scoped lang="stylus">
    .small-btn
      .btn
        width:160px;
        height:47px;
        background:rgba(89,142,254,1);
        box-shadow:0px 3px 7px 0px rgba(89,88,87,0.52);
        border-radius:10px;
        display flex
        align-items center
        justify-content center
        dpr-font(18px)
        color:rgba(255,255,255,1);
</style>
